$(document).ready(function () {

 
    /**********************/
    /*  Carga de Pagina   */
    /**********************/
    $.ajax({
        url:"/codevian/welcome/home"}).done(function (html) {
            $("#container").html(html);
        });


    /************/
    /*  Sonido    */
    /************/
    $('#sonido img:nth-of-type(1)').click(function () {

        $('audio')[0].play();
    });
    $('#sonido img:nth-of-type(2)').click(function () {
        $('audio')[0].pause();
    });

  
    /**************/
    /*  NAVEGADOR  */
    /***************/
    var temp = "#home";
    $('#menuLista a').click(function (event) {
        event.preventDefault();
        var nombre = $(this).attr('href');
        switch (nombre) {
            case "#home":
                $.ajax({
                    url:"/codevian/welcome/home"}).done(function (html) {
                        $("#container").html(html);
                    });
                break;
            case "#nosotros":
                $.ajax({
                    url:"/codevian/welcome/nosotros"}).done(function (html) {
                        console.log(html);
                        $("#container").html(html);
                        console.log($('#container'));
                    });
                break;
            case "#project":
                $.ajax({
                    url:"/codevian/welcome/proyectos"}).done(function (html) {
                        $("#container").html(html);
                        
                     });
                break;
            case "#tecnology":
                $.ajax({
                    url:"/codevian/welcome/tecnology"}).done(function (html) {
                        $("#container").html(html);
                    });
                break;
            
            case "#contact":
                $.ajax({
                    url:"/codevian/welcome/contacto"}).done(function (html) {
                        $("#container").html(html);
                    });
                break;
        }
        var tipo = $(nombre).css('display');
        if (tipo == 'none') {
            $(temp).css('display', 'none');
            $(nombre).fadeIn('slow');
            temp = nombre;
        }
    });
    /*********************/
    /*  Efecto NAVEGADOR */
    /*********************/
    $("#headerDiv").ready(function () {
        var $lista = $('#menuLista a');
        $lista.click(function () {
            $lista.parent('.current').removeClass('current');
            $(this).parent().addClass('current');
        });
    });
    /***********/

});